(function () {
  // 基于准备好的dom，初始化echarts实例
  let myChart = echarts.init(document.querySelector('.zuo3'));

  // 指定图表的配置项和数据

  let option = {
    
    // backgroundColor: "#2c343c",
    title: {
      //   text: "Customized Pie",
      left: "center",
      textStyle: {
        // color: "#fff",
      },
    },
    legend: {
      orient: "vertical",
      left: "80%", //图例距离左的距离
      y: "center", //图例上下居中
      data: ["图例1", "图例2", "图例3", "图例4", "图例5"],
      itemStyle: {
        // color: "#fff",
      },
      textStyle: {
        color: "#fff",
      },
    },
    tooltip: {
      trigger: "item",
    },
    visualMap: {
      show: false,
      min: 80,
      max: 600,
      inRange: {
        colorLightness: [0, 1],
      },
    },
    series: [
      {
        name: "",
        type: "pie",
        radius: [30, 70],
        center: ["30%", "60%"],
        data: [
          { value: 13.33, name: "图例1", itemStyle: { color: "#62c98d" } },
          { value: 6.67, name: "图例2", itemStyle: { color: "#2f89cf" } },
          { value: 20, name: "图例3", itemStyle: { color: "#4cb9cf" } },
          { value: 33.33, name: "图例4", itemStyle: { color: "#53b666" } },
          { value: 26.67, name: "图例5", itemStyle: { color: "#62c98d" } },
        ],
        roseType: "radius",
        label: {
          //   formatter: "{c}%",
          color: "rgba(255, 255, 255, 0.3)",
          //   formatter: "{c}%",
        },
        labelLine: {
          lineStyle: {
            // color: "rgba(255, 255, 255, 0.3)",
          },
          smooth: 0.2,
          length: 10,
          length2: 20,
        },
        itemStyle: {
          color: "#c23531",
          shadowBlur: 200,
          shadowColor: "rgba(0, 0, 0, 0.5)",
        },
        animationType: "scale",
        animationEasing: "elasticOut",
        animationDelay: function (idx) {
          return Math.random() * 200;
        },
        clockwise: true,
      },
    ],
  };
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);

  window.onresize = function () {
    myChart.resize();
  };
})();
